// 报告模版样式

.template-container {
  p {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
  }
  height: 100%;
  display: flex;
  flex-direction: column;

  .operate {
    border: 2px solid #e8e8e8;
    display: flex;
    height: 45px;
    box-sizing: border-box;
    justify-content: space-between;
    flex-shrink: 0;
  }

  .template-wrap {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-height: 0;
    height: 100%;
    border: 2px solid #e8e8e8;
    padding: 5px;
    border-top: none;
    overflow: auto;
    min-height: 0;
  }

  .template {
    // a4 纸
    width: 8.27in;
    box-sizing: border-box;

    [contenteditable='true'] {
      outline: none;
    }

    h1,
    h2,
    h3,
    h4,
    p,
    .main-body {
      position: relative;
    }

    .reedit-wrapper {
      min-height: 100%;
      box-sizing: border-box;
      .close-handle {
        z-index: 9999;
      }
    }
  }

  .template {
    .add-handle {
      display: none;
    }

    .close-handle {
      position: absolute;
      width: 26px;
      height: 26px;
      border-radius: 50px;
      background-color: #d4dee5;
      right: -2%;
      top: 0%;
      transform: translate(-50%, -50%);
      text-align: center;
      line-height: 26px;
      cursor: pointer;
    }

    h1,
    h2,
    h3,
    h4,
    p,
    .main-body {
      position: relative;
    }

    .main-body {
      .reedit-wrapper {
        border: 2px solid #e8e8e8;
        min-height: 150px;
        box-sizing: border-box;
        .close-handle {
          z-index: 9999;
          // display: none;
        }
      }
    }

    h1,
    h2,
    h3 {
      &:hover .add-handle {
        display: inline-block;
      }
    }
  }
}
